<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>{{$data["name"]}}</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">

	<!-- stylesheet css -->
	<link rel="stylesheet" href="../theme/css/bootstrap.min.css">
	<link rel="stylesheet" href="../theme/css/font-awesome.min.css">
	<link rel="stylesheet" href="../theme/css/templatemo-blue.css">
	 <link rel="stylesheet" href="../theme/css/common.css">
	<!-- javascript js -->	
	<script src="../theme/js/jquery.js"></script>
	<script src="../theme/js/bootstrap.min.js"></script>	
	<script src="../theme/js/jquery.backstretch.min.js"></script>
	<script src="../theme/js/custom.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar-collapse">
<style>
#list{
margin:40px auto;
	display:block;
}
#list li{
color:#999;
line-height:24px;
list-style-type:none;
}
#list li a{
color:#666;
font-size:20px; 
text-decoration:none;
}
#list li a:hover{
color:#3366CC;
}

#list li small{
float:right;
color:#999;
font-size:16px; 
}
</style>
<!-- preloader section -->
<div class="preloader">
	<div class="sk-spinner sk-spinner-wordpress">
       <span class="sk-inner-circle"></span>
     </div>
</div>



<!-- about and skills section -->
<section class="container">
	<div class="row">
		<div class="col-md-8 col-sm-12">
			<div class="about">
				<h3 class="accent">文章列表</h3> 
				
				<ul id="list" class="list-group"> 
				{{foreach from = $list item=val}} 
				<li class="list-group-item"><a href="{{$val["url"]}}">{{$val["title"]}}</a><small>{{$val["url"]}}</small></li>
					
				{{/foreach}}
				</li>
			</div>
		</div>

	</div>
</section>

 




</body>
</html>